<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
	<jsp:include page="../../views/include/head.jsp"/>
</head>
<body>
<c:set var="page" value="registration" scope="request"/>
<jsp:include page="../../views/include/header.jsp"/>
<div class="row">
<div class="maincontainer">
<div class="container2" style="color:black">
	<div class="row">
	<h2 style="color:#D71A5E; padding-left:15px;">Conference Registration Summary</h2>
	</div>
	<sf:form modelAttribute="registerObj" role="form">
	<div class="row">
	<span style="color:#black; padding-left:15px; font-size:22px;">Main Registrant
	<a style="color:#D71A5E; padding-left:15px; font-size:14px;" href="${flowExecutionUrl}&_eventId=edit">Click here to edit</a>
	</span>
	</div>
	<div class="row" style="padding-left:15px;">
		
			<span style="color:#d71a5e;">Name:</span>
			<span>${registerObj.salutation} ${registerObj.name}</span>
		<br>		
			<span style="color:#d71a5e;">Name on Badge:</span>
			<span>${registerObj.badgeName}</span>
		<br>
			<span style="color:#d71a5e;">NRIC:</span>
			<span>${registerObj.nric}</span>
		<br>
			<span style="color:#d71a5e;">Job Title:</span>
			<span>${registerObj.designation}</span>
		<br>
			<span style="color:#d71a5e;">Organization:</span>
			<span>${registerObj.company}</span>
		<br>
			<span style="color:#d71a5e;">Mobile Number:</span>
			<span>${registerObj.mobile}</span>
		<br>
			<span style="color:#d71a5e;">Office Number:</span>
			<span>${registerObj.officeNo}</span>
		<br>
			<span style="color:#d71a5e;">Email Address:</span>
			<span>${registerObj.email}</span>
		<br>
			<span style="color:#d71a5e;">Mailing Address:</span>
			<span>${registerObj.address}</span>
		<br>
			<span style="color:#d71a5e;">Postal Code:</span>
			<span>${registerObj.postalCode}</span>
		<br>
			<span style="color:#d71a5e;">Choices of Concurrent Sessions:</span>
			<span>${registerObj.sessionA==0?'Not attending A':'A'.concat(registerObj.sessionA)},
			${registerObj.sessionB==0?'Not attending B':'B'.concat(registerObj.sessionB)},
			${registerObj.sessionC==0?'Not attending C':'C'.concat(registerObj.sessionC)},
			${registerObj.sessionD==0?'Not attending D':'D'.concat(registerObj.sessionD)}</span>
		

	<c:if test="${registerObj.participantCount gt 0}">
	<c:forEach items="${registerObj.participantList}" var="p" varStatus="pStatus">
	
	<br/>
	<div class="row" style="padding-left:15px;">
	<h3 style="color:#D71A5E;">Participant ${2+pStatus.index}</h3>
	</div>
	<div class="row" style="color:black; padding-left:15px;">
		
			<span style="color:#d71a5e;">Name:</span>
			<span>${p.salutation} ${p.name}</span>
		<br>
			<span style="color:#d71a5e;">Name on Badge:</span>
			<span>${p.badgeName}</span>
		<br>
			<span style="color:#d71a5e;">NRIC:</span>
			<span>${p.nric}</span>
		<br>
			<span style="color:#d71a5e;">Job Title:</span>
			<span>${p.designation}</span>
		<br>
			<span style="color:#d71a5e;">Mobile Number:</span>
			<span>${p.mobile}</span>
		<br>
			<span style="color:#d71a5e;">Email Address:</span>
			<span>${p.email}</span>
		<br>	
			<span style="color:#d71a5e;">Choices of Concurrent Sessions:</span>
			<span>${p.sessionA==0?'Not attending A':'A'.concat(p.sessionA)},
			${p.sessionB==0?'Not attending B':'B'.concat(p.sessionB)},
			${p.sessionC==0?'Not attending C':'C'.concat(p.sessionC)},
			${p.sessionD==0?'Not attending D':'D'.concat(p.sessionD)}</span>
		
	</c:forEach>
	</c:if>
	<br>
	<div class="row top-buffer bottom-buffer" style="padding-left:50px;">
		<input type="submit" name="_eventId_next" value="Pay Now" class="btn btn-lg btn-default2"/>
		<input type="submit" name="_eventId_edit" value="Edit" class="btn btn-lg btn-default2"/>
		<input type="submit" name="_eventId_deletelast" value="Delete Last Participant" class="btn btn-lg btn-default2"/>
		<input type="submit" name="_eventId_deleteall" value="Delete All Participant(s)" class="btn btn-lg btn-default2"/>
		<input type="hidden" name="_flowExecutionKey" value="${flowExecutionKey}" />
	</div>
	</sf:form>
		<img style="width: 770px;" src="img/payment.png" usemap="#paymentmap">
	<map name="paymentmap">
		<area shape="rect" coords="600,245,745,280" href="${flowExecutionUrl}&_eventId=next"/>
	</map>
						<br><br>

	</div>
</div> <!-- /container -->
</div>
<jsp:include page="../../views/include/bottombody.jsp"/>
</body>
</html>